<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../node_modules/swiper/dist/css/swiper.min.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
        crossorigin="anonymous">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
    <title>云智片</title>
</head>

<body>

    <!-- logo 导航 -->
    <header id="header">
        <div class="container clearfix">
            <a href="/index" class="logo">
                <img src="../images/logo.png" alt="">
            </a>
            <ul class="category clearfix">
                <li>
                    <a href="/index" class="active">首页</a>
                </li>
                <li>
                    <a href="/user">用户</a>
                </li>
                <li>
                    <a href="/supplier">供应商</a>
                </li>
                <li>
                    <!-- <a href="http://47.104.27.232:81/#/supplier">入驻商城</a> -->
                    <div class="btn-group">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            商家中心
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="http://47.104.27.232:81/#/group/groupList">商家登录</a>
                            </li>
                            <li>
                                <a href="http://47.104.27.232:81/#/supplier">商家入驻</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="" alt="">
                    <a href="http://47.104.27.232:81">登录 </a>
                </li>

            </ul>
        </div>
    </header>
    <!-- banner -->
    <div class="banner">
        <div class="img_box">
            <img src="../images/0.png" alt="">
        </div>
        <div class="container">
            <div>
                <span class="banner_info"></span>
                <p>Make your major more focused</p>
            </div>
        </div>

    </div>
    <!-- 关于云智片 -->
    <div class="about">
        <div class="container clearfix">
            <div class="about_info f_left">
                <h5>关于云智片</h5>
                <h6>云智片：开辟新制片时代</h6>
                <p>随着大数据和人工智能时代的到来，传统影视行业与互联网产业逐渐融合，技术成为影视创新的新驱动力，中国影视制作业在创作模式、传播模式及投资模式上跨入新的时代。</p>
                <p>云智片贯穿影视创作全产业流程的服务入口，利用平台产品优势将线下“人力、场地、设备、制作”等资源推动影视内容制作的生产力，形成线上数据化管理+信用履约+标准化服务流程的模式定位，助力影视创作新发展，为中国电影产业的创新融合提供一站式服务平台，开启互联网影视新制片时代！</p>
            </div>
            <a href="#" class="about_img f_right"></a>
        </div>
    </div>
    <!-- 开城计划 -->
    <div class="plan">
        <p>开城计划</p>
        <div class="plan_img">
            <img src="../images/kaesongplan.png" alt="">
        </div>
    </div>
    <!-- 平台特色 -->
    <div class="feature">

        <div class="container clearfix">
            <p>平台特色</p>

            <div class="swippe-box  f_left">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="../images/homepage-feature-intelligenceIssuing.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/homepage-feature-trustreliable.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/homepage-feature-unitystandard.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/homepage-feature-officeofoa.png" alt="">
                        </div>
                    </div>

                </div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev btn-l"></div>
                <div class="swiper-button-next btn-r"></div>
            </div>



            <ul class="f_right ul">
                <li class="active">
                    <h6 class="active">轻轻一点，智能出单</h6>
                    <p class="active">影视制作资源一站式智能服务、视频拍摄全程创作服务</p>
                </li>
                <li>
                    <h6>信用体系 安全可靠（履约）</h6>
                    <p>实名认证、押金担保、保险保证、信用分值、第三方信用平台</p>
                </li>
                <li>
                    <h6>标准价格 标准服务</h6>
                    <p>一天起租，超时按小时计费（按天）、灵活方便，节省成本、服务培训，专业咨询</p>
                </li>
                <li>
                    <h6>制片OA 智能管理</h6>
                    <p>集约式、实时性、移动性的智能制片管理、一站式解决人力服务与制片流程的统筹管理</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 项目案例 -->
    <div class="case">
        <div class="container">
            <p>项目案例</p>
            <ul class="clearfix">
                <li>
                    <video class="video" src="../images/f87.mp4" poster='../images/case-one.png'>

                    </video>
                    <span class="video_btn "></span>
                    <div>
                        <h6>烈日灼人</h6>
                        <p>烈日影视只做资源一站式智能服务视屏拍摄全程串座服务视屏拍摄全程创作服务视屏拍摄全程服务</p>
                    </div>

                </li>
                <li>
                    <video src="../images/f87.mp4" poster='../images/case-two.png'></video>
                    <span class="video_btn"></span>
                    <div>
                        <h6>易到易达</h6>
                        <p>烈日影视只做资源一站式智能服务视屏拍摄全程串座服务视屏拍摄全程创作服务视屏拍摄全程服务</p>

                    </div>

                </li>
                <li>
                    <video src="../images/f87.mp4" poster='../images/case-three.png'></video>
                    <span class="video_btn"></span>
                    <div>
                        <h6>法拉利宣传片</h6>
                        <p>烈日影视只做资源一站式智能服务视屏拍摄全程串座服务视屏拍摄全程创作服务视屏拍摄全程服务</p>
                    </div>

                </li>
            </ul>
        </div>

    </div>
    <!-- 合作伙伴 -->
    <div class="partner">
        <div class="container">
            <p>合作伙伴</p>
            <div class="partner_img"></div>
        </div>
    </div>
    <!-- 坐标 -->
    <div class="coordinate">
        <div class="img_box">
            <img src="../images//feature-map.png" alt="">
        </div>
        <div>
            <div class="container">
                <ul class="">
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-companyphone.png" alt="">
                        </a>
                        <div>
                            <p>公司咨询热线：</p>
                            <p>010-1234567</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-add.png" alt="">
                        </a>
                        <div>
                            <p>公司咨询热线：</p>
                            <p>北京海淀中关村</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="../images/feature-e-mailaddress.png" alt="">
                        </a>
                        <div>
                            <p>公司邮箱地址</p>
                            <p>joinhr@aiyzp.com</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="container clearfix">
            <div class="catalog ">
                <!-- <ul class="clearfix">
                    <li>关于云智片</li>
                    <li>开城计划</li>
                    <li>平台特色</li>
                    <li>项目案例</li>
                    <li>达人说说</li>
                    <li>合作伙伴</li>
                </ul> -->
                <p>关于云智片|开城计划|平台特色|项目案例|达人说说|合作伙伴</p>
                <p> Copyright &copy;2018烈日影视有限公司版权所有 网站备案：京ICP备18024142号-1</p>

            </div>
            <div class="download ">
                <ul class="box">
                    <li id='andr'>
                        <img src="../images/androiddownloadicon.png" alt="">Android版下载
                    </li>
                    <li id='ios'>
                        <img src="../images/iosdownloadicon.png" alt="">IOS版下载
                    </li>
                </ul>
                <!-- <div class="download_img f_right"></div> -->
                <ul class="download_imgdownload_img">
                    <li id="xz1">
                        <img src="../images/talk-two.png" alt="">
                    </li>
                    <li class="hide" id="xz1">
                        <img src="../images/talk-one.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </footer>




    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/swiper/dist/js/swiper.min.js"></script>
    <script src="../js/index.js"></script>

</body>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    })
    $("#login").onclick = function () {
        alert("////")
        window.open('http://47.104.27.232:81');
    }

</script>

</html>